<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>饿了么收银台</title>
		<link rel="stylesheet" type="text/css" href="//127.0.0.1:8080/eleme/css/WccCss/shouyin.css"/>
	</head>
	<body>
		<div style="width: 1333px;height: 75px;background-image: url(img/payder/wepay.png);margin: 0px;"></div>
		<div style="width: 100%;height: 551px;background-color: #F4F7FB;padding-top: 20px;">
			<div style="background-color: white;border: 1px solid #E0E0E0;width: 1150px;height: 120px;margin-left: 90px;">
				<div style="width: 1050px;height: 30px;font-size: 16px;color: #666666;font-weight: bold;border-bottom: 2px solid #F4F4F4;margin-top: 10px;margin-left: 50px;">订单详情</div>
				<div style="width: 380px;height: 70px;font-size: 13px;color: #666666;margin-left: 50px;float: left;">
					<p>汉堡王(南京雨花丰盛餐厅)外卖订单</p>
					<p>吴超 先生 189****0181 江苏警官学院(安德门校区)小行路16号-...</p>
				</div>
				<p style="color: #427BD8;font-size: 13px;float: left;margin-top: 42px;">查看详情</p>
				<a style="width: 0;
  								height: 0;
    							border-left: 5px solid transparent;
   								border-right: 5px solid transparent;
   								border-top: 6px solid #427BD8;
   								position: relative;
   								top: 55px;
   								left: 2px;
   								">
   			</a>
   					<p style="font-size: 13px;color: #000000;margin-left: 950px;float: left;position: relative;top: -40px;">支付金额：</p>
   					<p style="font-size: 35px;color: #F66C1C;font-weight: bold;position: relative;top: -30px;">￥31.0</p><script src="lib/jquery/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
			</div>
			<div style="background-color: white;border: 1px solid #E0E0E0;width: 1150px;height: 300px;margin-left: 90px;margin-top: 10px;">
				<div style="width: 1050px;height: 30px;border-bottom: 2px solid #F4F4F4;margin-top: 10px;margin-left: 50px;">
				</div>
				<p style="font-size: 16px;color: #000000;font-weight: bold;position: relative;top: -45px;left: 50px;float: left;">请选择付款方式</p>
				<div style="position: relative;top: -40px;left: 70px;">
					<p style="color: #666666;font-size: 13px;float: left;position: relative;top: -12px;">剩余支付时间</p>
					<p style="color: #F66C1C;font-size: 13px;float: left;position: relative;top: -12px;" id="time">15:00</p>
					<p style="color: #666666;font-size: 13px;">逾期订单将自动取消</p>
				</div>
				<p style="font-size: 13px;color: #666666;float: left;position: relative;top: -30px;left: -195px;">第三方支付</p>
				<p style="color: #F66C1C;font-size: 27px;position: relative;top: -45px;left: -195px;">￥31.0</p>
				<div style="width: 1050px;height: 30px;border-bottom: 2px solid #F4F4F4;margin-top: 10px;margin-left: 50px;">
					<div><img src="img/sadweffdasf.png" style="position: relative;top: -50px;float: left;"/></div>
					<div class="wechatt"><img src="img/weixn.png"/><div>
					<div class="tishi">
						<div class="sanjiao"></div>
						<div class="buzhichi">
							<p style="position: relative;top: -10px;">尚未支持微信支付，敬请期待！</p>
						</div>
					</div>
				</div>
			</div>
			<button style="width: 110px;height: 45px;color: white;background-color: #F74342;border: none;position: relative;left: -290px;top: 50px;">确认支付</button>
			<div class="yc"></div>
		</div>
		<script src="//127.0.0.1:8080/eleme/js/lib/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="//127.0.0.1:8080/eleme/js/WccJs/shouyin.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
